<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
         .content{
                overflow: hidden;
             width: 100%;
         }
         .red{
             width: 30%;
             background-color: red;
             height: 20px;
             display: inline-block;
         }
         .black{
             width: 80%;
             background-color: black;
             height: 20px;
             display: inline-block;
         }
         .mideen{
             width: 110%;
             display: flex;
         }
    </style>
</head>
<body>
<div class="content">
    <div class="mideen">
<!--    <div class="red"></div>-->
    <div class="black"></div>
    </div>
    </div>
</body>
</html>